@CHARSET "UTF-8";

#header {
	background: #1E4176;
	border: 0 none;
	padding-left: 6px;
	padding-top: 6px;
}

#header span {
	color: white;
	font-family: tahoma, arial, sans-serif;
	font-size: 16px;
	margin: 5px;
}

#UserInfo span,#DepartInfo span { /*font-size:11px;
	padding-left:6px; */
	
}

.help_button {
	background-image: url(./pic/help.gif) !important;
}

.user_button {
	background-image: url(./pic/user.gif) !important;
}

.database_refresh {
	background-image: url(./pic/refresh.gif) !important;
}

.database_add {
	background-image: url(./pic/add.gif) !important;
}

.database_remove {
	background-image: url(./pic/remove.gif) !important;
}

.application {
	background-image: url(./pic/application.gif) !important;
}

.showList {
	margin: 4px;
	padding: 5px;
	width: 68px;
	height: auto;
}

.over {
	background: #EFEFEF;
	border:1px solid #DDDDDD;
}
.menuDiv{
	margin-top:-3px;
	text-align:center;
	background: #FFFFFF;
	border:1px solid #DDDDDD;
}
.selected {
	background: #EFF5FB;
	border: 1px solid #99BBE8;
	padding: 4px;	
}

.showList div {
	border:1px solid #DDDDDD;
	padding: 3px;
	background: #EFEFEF;
}

.showList img {
	height: 60px;
	width: 60px;
}

.showList span {
	display: block;
	overflow: hidden;
	text-align:center;
	font-size: 11px;
}

#images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
#images-view .thumb img{
	height: 60px;
	width: 60px;
}
#images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef ;
	padding: 4px;
}

#images-view .x-view-selected{
	background: #eff5fb;
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background:transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}